<template>
    <div class="resource-view">
        <div class="tip-box">
            <p>游戏需要安装Java8环境</p>
            <p>下载游戏客户端中有该环境包, 双击运行安装即可</p>
            <p>游戏前请注册账号哦~</p>
            <p>游戏愉快</p>
        </div>
        <div class="download-box">
            <v-btn x-large color="success" dark>直连下载</v-btn>
            <v-btn x-large color="success" dark>百度网盘下载</v-btn>
            <v-btn x-large color="success" dark @click="joinQQGroup">加入QQ群下载</v-btn>
        </div>
    </div>
</template>

<script>
    export default {
        name: "ResourceView",
        data() {
            return {

            }
        },
        methods: {
            joinQQGroup() {
                window.open('https://qm.qq.com/cgi-bin/qm/qr?k=sCd9713TB1KDa4jsyqGtTwXx58bePH90&jump_from=webapi')
            }
        }
    }
</script>

<style lang="scss" scoped>
    .resource-view {
        width: 100%;
        height: 1160px;
        background: #E5FCF5;
        background-size: 100% 100%;
        position: relative;
        .tip-box {
            font-family: "Times New Roman", Times, serif;
            position: absolute;
            top: 250px;
            left: 300px;
            font-size: 24px;
            color: #4caf50;
            font-weight: 700;
        }
        .download-box {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            position: absolute;
            top: 250px;
            right: 250px;
            width: 300px;
            height: 300px;
        }
    }
</style>
